<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link rel="stylesheet" href="./public/weui/lib/weui.css?v=2">
		<link rel="stylesheet" href="./public/weui/css/jquery-weui.css">
		<link rel="stylesheet" href="./public/css/wap.css">
		<link rel="stylesheet" href="./public/css/index.css">
		<script src="./public/js/mui.js"></script>
		<style>
			h5 {
				font-weight: normal;
			}
			
			a {
				font-weight: normal;
			}
		</style>
	</head>

	<body ontouchstart class="page-bg">
		<div id="warpmain">
			<!--顶部横条-->
			<div class="weui-flex" id="topbar">
				<div class="fl">
					<a id="btn-all"><i class="weui-icon-all"></i>全部</a>
				</div>
				<div class="weui-flex__item">
					<div id="logo">
						<img src="./public/images/logo.png">
					</div>
				</div>
				<div class="fr">
					<a href="###" class="login" id="btn-all"><i class="weui-icon-login"></i>登录</a>
				</div>
			</div>
			<!--BANNER-->
			<div id="banner">
				<img src="./public/images/banner.jpg">
				<div class="clearfix"></div>
			</div>
			<!--WEATHER-->
			<div class="weui-flex" id="weather">
				<div class="weui-flex__item">
					<img src="./public/images/weather-1.png" class="weathericon-1">8&#8451;~20&#8451;
				</div>
				<div class="weui-flex__item">
					<li class="line">|</li>
					<li class="title">穿衣<br/>指数</li>
					<li class="value">冷</li>
				</div>
				<div class="weui-flex__item">
					<li class="line">|</li>
					<li class="title">空气<br/>质量</li>
					<li class="value">良 98</li>
				</div>
			</div>
			<!--df-->
			<div class="weui-grids" id="grids">
				<a href="" class="weui-grid js_grid">
					<div class="weui-grid__icon">
						<img src="./public/images/grid/1.png" alt="">
					</div>
					<p class="weui-grid__label">
						邻里互助
					</p>
				</a>
				<a href="" class="weui-grid js_grid">
					<div class="weui-grid__icon">
						<img src="./public/images/grid/2.png" alt="">
					</div>
					<p class="weui-grid__label">
						社保查询
					</p>
				</a>
				<a href="" class="weui-grid js_grid">
					<div class="weui-grid__icon">
						<img src="./public/images/grid/3.png" alt="">
					</div>
					<p class="weui-grid__label">
						公积金查询
					</p>
				</a>
				<a href="" class="weui-grid js_grid">
					<div class="weui-grid__icon">
						<img src="./public/images/grid/4.png" alt="">
					</div>
					<p class="weui-grid__label">
						实时公交
					</p>
				</a>
				<a href="" class="weui-grid js_grid">
					<div class="weui-grid__icon">
						<img src="./public/images/grid/5.png" alt="">
					</div>
					<p class="weui-grid__label">
						办事指南
					</p>
				</a>
				<a href="" class="weui-grid js_grid">
					<div class="weui-grid__icon">
						<img src="./public/images/grid/6.png" alt="">
					</div>
					<p class="weui-grid__label">
						一键审批
					</p>
				</a>
				<a href="" class="weui-grid js_grid">
					<div class="weui-grid__icon">
						<img src="./public/images/grid/7.png" alt="">
					</div>
					<p class="weui-grid__label">
						社区公告
					</p>
				</a>
				<a href="" class="weui-grid js_grid">
					<div class="weui-grid__icon">
						<img src="./public/images/grid/8.png" alt="">
					</div>
					<p class="weui-grid__label">
						政务热线
					</p>
				</a>
			</div>

			<!--便民服务-->
			<div class="panel">
				<div class="panel-header">
					<h5>便民服务</h5>
					<div class="panel-tool">
						<a href="">更多></a>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="panel-body">
					<div class="panel-item" id="bm-1">
						<div class="fl">
							<h5>绿植再生</h5>
							<span>免费养护家庭绿植</span>
						</div>
						<div class="fr">
							<img src="./public/images/bm/1.png">
						</div>
					</div>
					<div class="panel-item" id="bm-2">
						<div class="fl">
							<h5>物业服务</h5>
							<span>物业快速报修服务</span>
						</div>
						<div class="fr">
							<img src="./public/images/bm/2.png">
						</div>
					</div>

					<div class="panel-item" id="bm-3">
						<div class="fl">
							<h5>咖啡吧</h5>
							<span>香醇体验 随时拥有</span>
						</div>
						<div class="fr">
							<img src="./public/images/bm/3.png">
						</div>
					</div>
					<div class="panel-item" id="bm-4">
						<div class="fl">
							<h5>孕婴店</h5>
							<span>呵护从这里开始</span>
						</div>
						<div class="fr">
							<img src="./public/images/bm/4.png">
						</div>
					</div>

					<div class="panel-item gotogoods" id="bm-5" >
						<div class="fl">
							<h5>社区便利店</h5>
							<span>网上下单 送货到家</span>
						</div>
						<div class="fr">
							<img src="./public/images/bm/5.png">
						</div>
					</div>
					<div class="panel-item" id="bm-6">
						<div class="fl">
							<h5>便民餐厅</h5>
							<span>网上预约 私人定制</span>
						</div>
						<div class="fr">
							<img src="./public/images/bm/6.png">
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>

			<!--文化生活-->
			<div class="panel">
				<div class="panel-header">
					<h5>文化生活</h5>
					<div class="panel-tool">
						<a href="">更多></a>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="panel-body">
					<div class="panel-item" id="wh-1">
						<div class="fl">
							<h5>健身房</h5>
							<span>生命在于运动</span>
						</div>
						<div class="fr">
							<img src="./public/images/wh/1.png">
						</div>
					</div>
					<div class="panel-item" id="bm-2">
						<div class="fl">
							<h5>舞蹈室</h5>
							<span>舞蹈是脚步的诗歌</span>
						</div>
						<div class="fr">
							<img src="./public/images/wh/2.png">
						</div>
					</div>

					<div class="panel-item" id="wh-3">
						<div class="fl">
							<h5>棋牌室</h5>
							<span>以棋会友 享受生活</span>
						</div>
						<div class="fr">
							<img src="./public/images/wh/3.png">
						</div>
					</div>
					<div class="panel-item" id="wh-4">
						<div class="fl">
							<h5>音乐吧</h5>
							<span>音乐触动最美的心灵</span>
						</div>
						<div class="fr">
							<img src="./public/images/wh/4.png">
						</div>
					</div>

					<div class="panel-item" id="wh-5">
						<div class="fl">
							<h5>城市书吧</h5>
							<span>智慧在此隐藏</span>
						</div>
						<div class="fr">
							<img src="./public/images/wh/5.png">
						</div>
					</div>
					<div class="panel-item" id="wh-6">
						<div class="fl">
							<h5>智启教育</h5>
							<span>改变命运 成就未来</span>
						</div>
						<div class="fr">
							<img src="./public/images/wh/6.png">
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<!--今日证劵-->
			<div class="panel panel2" id="zhengquan-panel">
				<div class="panel-header">
					<h5>今日证劵</h5>
					<div class="panel-tool">
						<a href="">更多></a>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
				<div class="panel-body">
					<div class="weui-flex" id="zhengquan">
						<div class="weui-flex__item" id="zhengquan-1">
							<h5>3269.45</h5>
							<p>上证指数<span>0.64%</span></p>
						</div>
						<div class="weui-flex__item" id="zhengquan-2">
							<h5>3269.45</h5>
							<p>上证指数<span>0.64%</span></p>
						</div>
						<div class="weui-flex__item">
							<h5>3269.45</h5>
							<p>上证指数<span>0.64%</span></p>
						</div>
					</div>
				</div>
			</div>
			<!--开心一刻-->
			<div class="panel panel2" id="joke">
				<div class="panel-header">
					<h5><i class="weui-icon-joke"></i>开心一刻</h5>
					<div class="panel-tool">
						<a href=""><i class="weui-icon-refresh"></i>换一个笑话</a>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="panel-body">
					三岁的儿子从幼儿园回来气呼呼的对我说： “爸爸，老师一点都不好，总是凶我，中午还不拍拍 我睡觉。” 我：“老师不可能像妈妈一样照顾那么多人的， 你要听话。” 儿子：“让老师和妈妈换换就好了，妈妈每天在幼儿 园陪我，老师在家陪爸爸睡觉。” 想想竟然有点激动呢。‍‍‍‍
				</div>
			</div>
			<!--今日热点-->
			<div class="panel panel2">
				<div class="panel-header">
					<h5>今日热点</h5>
					<div class="panel-tool">
						<a href="">更多></a>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="panel-body" id="news">
					<div class="weui-flex news-item">
						<div class="fl thumb">
							<img src="./public/images/news/1.jpg">
						</div>
						<div class="fl weui-flex__item info">
							<li class="title">
								<a href="">武大樱花周末游客爬树造游客爬树造爬树...</a>
								<li>
									<li class="time"><i class="weui-icon-clock"></i>今天 09:05:12
										<li>
						</div>
					</div>
					<div class="weui-flex news-item">
						<div class="fl thumb">
							<img src="./public/images/news/1.jpg">
						</div>
						<div class="fl weui-flex__item info">
							<li class="title">
								<a href="">武大樱花周末游客爬树造游客爬树造爬树...</a>
								<li>
									<li class="time"><i class="weui-icon-clock"></i>今天 09:05:12
										<li>
						</div>
					</div>
					<div class="news-item">
						<div class="info">
							<li class="title">
								<a href="">武大樱花周末游客爬树造游客爬树造爬树武大樱花周末游客爬树造游客爬树造爬树...</a>
								<li>
									<li class="time"><i class="weui-icon-clock"></i>今天 09:05:12
										<li>
						</div>
					</div>
					<div class="news-item">
						<div class="info">
							<li class="title">
								<a href="">武大樱花周末游客爬树造游客爬树造爬树...</a>
								<li>
									<li class="time"><i class="weui-icon-clock"></i>今天 09:05:12
										<li>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>

			<!--页脚-->
			<div class="" id="footer">
				<div class="main weui-flex">
					<div class="weui-flex__item item active">
						<a href="###">
							<i class="weui-icon-home"></i><br/> 首页
						</a>
					</div>
					<div class="weui-flex__item item">
						<a href="###">
							<i class="weui-icon-cate"></i><br/> 全部分类
						</a>
					</div>
					<div class="weui-flex__item item">
						<a href="###">
							<i class="weui-icon-zhiyuan"></i><br/> 志愿者
						</a>
					</div>
					<div class="weui-flex__item item"  id="mycenter">
						<a href="###">
							<i class="weui-icon-member"></i><br/> 我的中心
						</a>
					</div>
				</div>
			</div>

		</div>
		<script src="./public/weui/lib/jquery-2.1.4.js"></script>


		<script src="./public/weui/js/jquery-weui.js"></script>
		<script src="./public/js/wap.js?v=2"></script>
		
		<script src="./public/js/home.js"></script>
	</body>

</html>